<script setup lang="ts">
import PracticeMenuItem from "./PracticeMenuItem.vue";
import useMenuStore from "@/store/modules/menus";

const menus = useMenuStore();
</script>

<template>
  <el-menu class="el-menu-horizontal" router mode="horizontal">
    <PracticeMenuItem v-for="item in menus.children" :data="item" />
  </el-menu>
</template>

<style lang="scss" scoped>
.el-menu-horizontal {
  width: 100%;
}
</style>
